<%@ tag body-content="scriptless" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<style>
   .pageNum.current{
     text-decoration: none !important;
     color: black;
     cursor: default;
     font-weight: bold;
   }

   .pageNum{
     font-size: 12px;
     cursor: pointer;
   }

   #bottomBand{
     width: 100%;
     height: 30px;
     margin-top: 10px;
     margin-bottom: 10px;
     position: relative;
     text-align: center
   }

</style>
<div id="bottomBand">
    <div style="margin: auto;">
      <c:if test="${page_showFirst}">
        <%-- show frst page --%>
        <a class="pageNum anchor" data-page="0">1</a> ...
      </c:if>

      <c:if test="${page_current !=1}">
        <%-- show previous page (<<) arrow--%>
        <img id="prevPage" class="anchor" src="pages/images/themed/arrowLeft.png" width="14" height="14"/>
      </c:if>

      <c:forEach items="${page_list}" var="pageNum">
        <a class="pageNum anchor <c:if test="${pageNum eq page_current}">current</c:if>" data-page="${pageNum-1}">${pageNum}</a>
      </c:forEach>

      <c:if test="${page_current != page_last}">
        <%-- show next page (>>) arrow --%>
        <img id="nextPage" class="anchor" src="pages/images/themed/arrowRight.png" width="14" height="14"/>
      </c:if>

      <c:if test="${page_showLast}">
         <%-- show last page --%>
         ... <a class="pageNum anchor" data-page="${page_last-1}">${page_last}</a>
      </c:if>
    </div>

    <div style="position:absolute; right: 3px; top:3px">
      <b>Records per page:</b>
      <select name="resultsPerPage" id="resultsPerPage">
        <option <c:if test="${page_limit == 10 }">selected='selected'</c:if> value="10">10</option>
        <option <c:if test="${page_limit == 25 }">selected='selected'</c:if> value="25">25</option>
        <option <c:if test="${page_limit == 50 }">selected='selected'</c:if> value="50">50</option>
        <option <c:if test="${page_limit == 100 }">selected='selected'</c:if> value="100">100</option>
      </select>
   </div>
</div>
</script>
